﻿* { margin:0; padding:0; border:0;}
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a { text-decoration:none; border:0px; color:#000; }
a:hover { text-decoration:none; border:0px; } 
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:normal; font-family:"微软雅黑"; }
ul li,ol li { list-style-type:none; text-decoration:none; }
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
html,body { width: 100%; height: 100%; overflow: hidden;font-family:"微软雅黑"; font-size:12px; font-weight:normal; background-color: #d4413d; color:#000;}
.shake-mask {
    width: 100%;
    height: 100%;
    background:url(../imgs/shake_bg.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index:2;
}
.Ashake{width: 100%; height: 100%; display:none; position:absolute; left:0; top:0;z-index:1}
.Ashake .transhake{ display:block;width: 100%; height: 100%;background:url(../imgs/shake_hand.png) no-repeat 50% 50%;background-size:cover}
.footer{ position:absolute; left:0; bottom:0; width:100%; height:31px; background-image:url(../imgs/bg.gif); z-index:1;}
.AshakePrompt{ position:absolute; left:0; top:0; width:100%; height:100%;background-color:rgba(29, 31, 43, 0.5);-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0); z-index:3; display:none;}
.gift-dialog {
    position: fixed;
    top: 50px;
    left: 24px;
    right: 24px;
    z-index: 901;
    background-color: #fff;
    border-radius: 4px;
}
.gift-dialog .title {
    background-color: #222328;
    color: #fff;
    border-radius: 4px 4px 0 0;
    font-size: 16px;
    padding: 14px;
    text-align: center;
}
.gift-dialog .title h4 {
    line-height: 1;
    margin: 0;
}
.gift-dialog .title a {
    position: absolute;
    right: 14px;
    color: #fff;
    font-size: 20px;
    top: 8px;
}
.gift-dialog .foot {
    background-color: #FF4646;
    text-align: center;
    border-top: 2px dotted #fff;
    border-radius: 0 0 4px 4px;
}
.gift-dialog .foot a {
    font-size: 16px;
    display: inline-block;
    padding: 12px;
    color: #fff;
    width: 49.5%;
    text-decoration: none;
}
.gift-dialog .foot a.fullA{
    width:100%;
}
.gift-dialog .foot a.lr {
    border-left: 1px solid #f5f5f5;
}
.gift-dialog .content {
    margin: 24px 14px;
    min-height: 60px;
    text-align: center;
    color: #222;
    max-height: 300px;
    overflow-x: auto;
}
.gift-dialog .content > div.img {
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 14px;
}
.gift-dialog .content p {
    font-size: 15px;
}
.gift-dialog .content label{
    display: block;
    padding: 10px 0 0;
}
.dbtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*.AshakePrompt dl{ position:absolute; width:280px; height:200px; top:50%; left:50%; margin:-85px 0 0 -140px; background-color:#e4e4e8; border-radius:3px; border-top:1px solid #fff;}
.AshakePrompt dl dt{ float:left; width:280px; height:122px; border-bottom:1px solid #c9c9cf;}
.AshakePrompt dl dt span{ float:left; width:280px; text-align:center; margin-top:40px; line-height:25px; font-size:16px; color:#c84837;}
.AshakePrompt dl dt span img{ margin-right:10px;}
.AshakePrompt dl dt label{ float:left; width:280px; margin-top:10px; font-size:14px; color:#444; text-align:center;}
.AshakePrompt dl dd{ float:left; width:280px; height:26px; padding:10px 0; border-top:1px solid #fff;}
.AshakePrompt dl dd a{ width:280px; height:26px; line-height:26px; text-align:center; float:left; color:#444; font-size:14px;}*/

.EventStart{display:none; position:relative;z-index:99999;zoom:1; width:294px; margin:50px auto 0; height:270px; background-image:url(../imgs/bg.gif); display:none;}
.EventStart img{ width:67px; height:65px; margin:100px 112px 0 113px;}
.EventStart img.Frequency{ width:93px; height:93px; margin:90px 100px 0 101px;}
.EventStart span{ width:294px; margin-top:25px; font-size:14px; text-align:center; color:#65554f; display:block;}
.EventStart label{ width:294px; margin-top:7px; text-align:center; color:#666666; display:block;}

.AshakeGuideTop{display:none;border:none; position:absolute; overflow:hidden; left:0; width:100%; top:0; height:50%;background-color:rgba(0, 0, 0, 0.9);-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0); z-index:10;}
.AshakeGuideTop img{ width:320px; margin:0 auto; display:block; }
.AshakeGuideFor{display:none;border:none; position:absolute; overflow:hidden; left:0; width:100%; top:50%; height:50%;background-color:rgba(0, 0, 0, 0.9);-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0); z-index:10;}
.AshakeGuideFor img{ width:320px; margin:0 auto; display:block; }

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}